<template>
	<div class="adviser-box">
		<div class="header">
			<span @click="goBack">&lt;</span>
			<p>在线咨询</p>
			<img src="../assets/aaa.png" alt="">
		</div>
		<div class="content">
			<div class="adve">
				<img src="https://w25.53kf.com/upload/ueditor/10215684/106523825/style_chat/2019102414343242848.jpg" alt="">
			</div>
		</div>
		<div class="edit">
			<img class="expression" src="https://w25.53kf.com/mobiles/image/Emotion_3x.png" alt="">
			<img class="expression" src="https://w25.53kf.com/mobiles/image/more_3x.png" alt="">
			<input placeholder="请输入..." type="text"/>
			<p>发送</p>
		</div>
		<div class="footer">
			客服软件由53快服提供
		</div>
	</div>
</template>

<script>
	export default{
		name:"adviser",
		data(){
			return{
				
			}
		},
		methods:{
			goBack(){
				this.$router.go(-1);
			}
		},
		created(){
			
		},
		components:{
			
		}
	}
</script>

<style scoped="scoped">
	@import url("../css/publice.css");
	.adviser-box {
		width: 100%;
	}
	
	.header {
		width: 100%;
		height: 0.88rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #E7BA5B;
		padding: 0 0.3rem;
	}
	
	.header span {
		color: white;
		font-size: 0.55rem;
		line-height: 0.8rem;
	}
	
	.header p {
		color: white;
		font-size: 0.32rem;
	}
	
	/* 内容 */
	.content {
		width: 100%;
		margin-top: 0.88rem;
	}
	
	.adve {
		width: 7.02rem;
		height: 2.48rem;
		margin: 0.5rem auto;
		padding: 0.1rem;
		display: flex;
		justify-content: center;
		border: gray solid 0.01rem;
	}
	
	.adve img {
		width: 6.66rem;
		height: 1.7rem;
	}
	
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 0.44rem;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 0.22rem;
		color: #8DA2B5;
	}
	.edit{
		width: 100%;
		height: 0.88rem;
		border: #E6E6E6 solid 0.01rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding: 0 0.1rem;
		position: fixed;
		bottom: 0.44rem;
	}
	.expression{
		width: 0.48rem;
		height: 0.48rem;
	}
	.edit input{
		width: 4.6rem;
		height: 0.6rem;
		color: #62778C;
		border: none;
	}
	.edit p{
		font-size: 0.28rem;
		color: #62778C;
	}
</style>
